.meet {
  position: relative;
  float: left;
  margin-left: 1.8rem;
  line-height: 2.4rem;
  color: #fff;
}

.meet img {
  position: absolute;
  top: .2rem;
  right: -1.5rem;
  width: 1.6rem;
}

.Width {
  margin: 0 1rem;
}

/*header*/
.headerWrap {
  height: 2.4rem;
}

.header {
  position: relative;
  height: 2.4rem;
  padding: 0 .5rem;
  background-color: #df3636;
  color: #fff;
  font-size: .7rem;
  z-index: 15;
}

.header.active {
  position: fixed;
  top: 0;
  left: 50%;
  width: calc(100% - 1rem);
  max-width: calc(720px - 1rem);
  z-index: 15;
  transform: translateX(-50%);
}

.logo {
  float: left;
}

.logo img {
  width: 4.8rem;
  padding-top: .65rem;
  margin-right: .5rem;
}

.hd-fx {
  position: relative;
  float: left;
  line-height: 2.4rem;
}

.hd-fx.active i {
  transform: rotate(180deg);
}

.hd-fx h1 {
  display: none;
}

.hd-kt {
  position: relative;
  float: right;
  height: 1.2rem;
  border: 1px solid #b80c00;
  padding: 0 1rem 0 .5rem;
  margin-top: .55rem;
  line-height: 1.2rem;
  text-align: center;
  border-radius: 1rem;
}

.u-arrow, .iconfont {
  position: absolute;
  top: 1.1rem;
  right: -.675rem;
  width: .425rem;
  height: .225rem;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  background-size: 100%;
  transition: transform .5s ease;
}

.hd-kt.active .iconfont {
  transform: rotate(180deg);
}

.iconfont {
  top: .5rem;
  right: .35rem;
}

.download_app {
  float: left;
  margin-left: 3rem;
  line-height: 2.4rem;
  color: #fff;
}


/*轮播*/
.carousel_wrap {
  margin-top: .8rem;
}

.carousel_wrap.active {
  margin-top: 3.2rem;
}

.carousel .swiper-slide {
  width: 90%;
  padding: 0 .62% 0 1.1%;
}

.carousel ul {
  position: relative;
}

.carousel ul li {
  height: 9.2rem;
  overflow: hidden;
  border-radius: .3rem;
}

.carousel ul li a {
  display: block;
  height: 100%;
}

.carousel ul li img {
  width: 100%;
  height: 8rem;
  border-radius: .2rem;
  box-shadow: 2px 4px 12px rgba(78, 78, 78, .36);
}

.swiper-pagination-bullet {
  width: .5rem;
  height: .15rem;
  border-radius: 2rem;
  background-color: #fff;
  transition: width .5s ease;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 .15rem;
}

.swiper-pagination-white .swiper-pagination-bullet-active, .swiper-pagination-bullet-active {
  width: .65rem;
}

.carousel.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 1.7rem;
}

/*nav*/
.nav {
  border-bottom: 1px solid #e7e7e9;
  /* padding-bottom: .3rem; */
  margin-bottom: 1.5rem;
}

.nav a {
  float: left;
  width: 20%;
  margin-bottom: 1rem;
  text-align: center;
  font-size: .7rem;
}

.nav a:nth-child(1), .nav a:nth-child(6) {
  width: 18%;
  margin-right: 2%;
}

.nav a img {
  width: 2.2rem;
  margin: 0 auto;
}

.nav a h2 {
  font-size: .75rem;
  font-weight: normal;
}

.nav a i {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  margin: 0 auto .2rem auto;
  background-size: 100%;
}

.nav .menu-item:nth-child(1) i {
  background-image: url(../images/icon_nav_zixun.png);
}

/* .nav .menu-item:nth-child(2) i{background-image:url(../images/icon_nav_ziliao.png);} */
.nav .menu-item:nth-child(2) i {
  background-image: url(../images/icon_nav_ms.png);
}

.nav .menu-item:nth-child(3) i {
  background-image: url(../images/icon_nav_zhibo.png);
}

.nav .menu-item:nth-child(4) i {
  background-image: url(../images/icon_nav_wx.png);
}

.nav .menu-item:nth-child(5) i {
  background-image: url(../images/icon_nav_rili.png);
}

.nav .menu-item:nth-child(6) i {
  background-image: url(../images/icon_nav_zwk.png);
}

.nav .menu-item:nth-child(7) i {
  background-image: url(../images/icon_nav_sz.png);
}

.nav .menu-item:nth-child(8) i {
  background-image: url(../images/icon_nav_app.png);
}

.nav .custom-icon-app i {
  background-image: url(../images/icon_nav_app.png);
}

.nav .custom-icon-01 i {
  background-image: url(../images/icon_nav_01.png) !important;
}

.nav .custom-icon-02 i {
  background-image: url(../images/icon_nav_02.png) !important;
}

.nav .custom-icon-03 i {
  background-image: url(../images/icon_nav_03.png) !important;
}

.nav .custom-icon-04 i {
  background-image: url(../images/icon_nav_04.png) !important;
}

.nav .custom-icon-05 i {
  background-image: url(../images/icon_nav_05.png) !important;
}

.nav .custom-icon-06 i {
  background-image: url(../images/icon_nav_06.png) !important;
}

.nav .custom-icon-07 i {
  background-image: url(../images/icon_nav_07.png) !important;
}

.nav .custom-icon-08 i {
  background-image: url(../images/icon_nav_08.png) !important;
}

.nav .custom-icon-09 i {
  background-image: url(../images/icon_nav_09.png) !important;
}

.nav .custom-icon-10 i {
  background-image: url(../images/icon_nav_10.png) !important;
}

.nav .custom-icon-11 i {
  background-image: url(../images/icon_nav_11.png) !important;
}

.nav .custom-icon-12 i {
  background-image: url(../images/icon_nav_12.png) !important;
}

.nav .custom-icon-13 i {
  background-image: url(../images/icon_nav_13.png) !important;
}

.nav .custom-icon-14 i {
  background-image: url(../images/icon_nav_14.png) !important;
}

.nav .custom-icon-15 i {
  background-image: url(../images/icon_nav_15.png) !important;
}

.nav .custom-icon-16 i {
  background-image: url(../images/icon_nav_16.png) !important;
}

.nav .custom-icon-17 i {
  background-image: url(../images/icon_nav_17.png) !important;
}

.nav .custom-icon-18 i {
  background-image: url(../images/icon_nav_18.png) !important;
}

.nav .custom-icon-19 i {
  background-image: url(../images/icon_nav_19.png) !important;
}

.nav .custom-icon-20 i {
  background-image: url(../images/icon_nav_20.png) !important;
}

.nav .custom-icon-21 i {
  background-image: url(../images/icon_nav_21.png) !important;
}

.nav .custom-icon-22 i {
  background-image: url(../images/icon_nav_22.png) !important;
}

.nav .custom-icon-23 i {
  background-image: url(../images/icon_nav_23.png) !important;
}

.nav .custom-icon-24 i {
  background-image: url(../images/icon_nav_24.png) !important;
}

/*top*/
.top {
  border-bottom: 1px solid #e7e7e9;
  padding-bottom: 1rem;
  margin-bottom: 1.5rem;
}

.top_icon {
  width: 3.65rem;
}

.news-slide {
  margin-top: 1rem;
}

.news-slide li {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: .75rem;
  margin-bottom: .75rem;
  font-size: .8rem;
}

.news-slide li.active a {
  color: #df3636;
}

.news-slide li:last-child {
  border-bottom: none;
  margin-bottom: .5rem;
}

.top_tag {
  float: left;
  border: 1px solid #f3152a;
  padding: .15rem;
  margin-left: .1rem;
  margin-right: .5rem;
  border-radius: .1rem;
  font-size: .62rem;
  color: #f3152a;
}

.top_link {
  float: left;
  max-width: 74%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.top_link.active {
  display: block;
  float: none;
  max-width: 99.5%;
}

.news-slide .swiper-pagination-bullet {
  background-color: #dedede;
  opacity: 1;
}

.news-slide.swiper-container-horizontal>.swiper-pagination-bullets {
  bottom: 0;
}

.news-slide .swiper-pagination-bullet-active {
  background-color: #2d2d2d;
}

/*hot*/
.hot {
  margin-bottom: 1.5rem;
}

.hot .title {
  margin-bottom: 1rem;
}

.slideNav {
  width: 100%;
  margin-bottom: 1.25rem;
  overflow: hidden;
}

.slideNav .swiper-slide {
  width: auto;
  margin-right: .7rem;
  text-align: center;
  font-size: .85rem;
}

.slideNav .swiper-slide span {
  display: block;
  width: 100%;
  height: .15rem;
  margin: .5rem auto 0 auto;
  border-radius: 1rem;
  transition: width .5s ease;
  opacity: 0;
  background-color: #db372c;
}

.slideNav .swiper-slide.active a {
  color: #db372c;
}

.slideNav .swiper-slide.active span {
  opacity: 1;
  width: 50%;
}

.slideMain {
  width: 100%;
}

.slideMain li {
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: .75rem;
  margin-bottom: .7rem;
}

.slideMain li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.custom {
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 1.5rem;
}

.custom .look_more {
  margin-top: 0;
}

.custom .slideMain li:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

.custom .look_more {
  padding: 1.25rem 0;
}

.custom .look_more i {
  top: 1.5rem;
}

.slideMain li a {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: .8rem;
}

.slideMain li a span {
  color: #df3636;
}

/*考试日历*/
.calendar {
  padding-bottom: 1.2rem;
  border-bottom: 1px solid #e9e9e9;
  margin-bottom: 1.5rem;
}

.calendar_title {
  float: left;
  font-size: 1rem;
  font-weight: bold;
}

.month {
  position: relative;
  float: right;
  margin-top: .2rem;
  margin-right: 2.7rem;
  font-size: .8rem;
}

.month:before, .month:after {
  content: " ";
  position: absolute;
  top: 50%;
  left: -3.8rem;
  display: block;
  width: 2.3rem;
  transform: translateY(-50%);
  border-bottom: 1px solid #e9e9e9;
}

.month:after {
  left: auto;
  right: -2.6rem;
}

.month i {
  position: absolute;
  top: .12rem;
  left: -1.15rem;
  width: .8rem;
  height: .8rem;
  background-image: url(../images/calendar.png);
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: .8rem;
}

.month span {
  color: #df3636;
}

.cal_list {
  margin-top: 1.2rem;
}

.region_bg {
  position: relative;
  float: left;
  width: 6.9rem;
  height: 4.1rem;
  padding-top: 1rem;
  background: linear-gradient(to right, #f34359, #fb8559);
  text-align: center;
  border-radius: .3rem;
  color: #fff;
  box-shadow: 0 5px 10px -5px #fb8859;
}

.region_bg02 {
  background: linear-gradient(to right, #6155eb, #6184ef);
  box-shadow: 0 5px 10px -5px #6582f0;
}

.region_bg i {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.475rem;
  height: 5.15rem;
  background-image: url(../images/circle01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 1;
}

.region_bg02 i {
  background-image: url(../images/circle02.png);
}

.por {
  position: relative;
  z-index: 2;
}

.region_bg p {
  margin-bottom: .5rem;
  font-size: 1rem;
}

.cal_info {
  float: left;
  max-width: 9rem;
  margin-left: .8rem;
}

.cal_info p {
  margin-bottom: .55rem;
  font-size: .75rem;
}

.cal_type {
  margin-bottom: .22rem;
  font-size: .7rem;
}

.cal_type:last-child {
  margin-bottom: 0;
}

.cal_type span {
  display: inline-block;
  width: .8rem;
  height: .8rem;
  border: 1px solid #eb717a;
  border-radius: 50%;
  line-height: .8rem;
  font-size: .55rem;
  text-align: center;
  color: #eb717a;
}

.cal_type02 span {
  border-color: #89d398;
  color: #89d398;
}

.cal_type03 span {
  border-color: #f1bb81;
  color: #f1bb81;
}

.look_more {
  position: relative;
  display: table;
  margin: .8rem auto 0 auto;
  text-align: center;
  font-size: .7rem;
}

.look_more i {
  position: absolute;
  top: .22rem;
  right: -0.95rem;
  width: .575rem;
  height: .575rem;
  background-image: url(../images/more.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

/*上岸课堂*/
.classroom {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 1.4rem;
  margin-bottom: 1.5rem;
}

.title {
  position: relative;
  display: table;
  font-size: 1rem;
  font-weight: bold;
}

.title::after {
  content: '';
  position: absolute;
  top: 0;
  right: -.6rem;
  width: .4rem;
  height: .4rem;
  background-image: url(../images/title-r.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.title::before {
  content: '';
  position: absolute;
  top: 0;
  left: -1rem;
  width: 1.75rem;
  height: 1.4rem;
  background-image: url(../images/title-l.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.now {
  float: right;
  margin-top: .1rem;
  margin-right: .5rem;
  font-size: .7rem;
}

.now span {
  font-size: .9rem;
  color: #f76659;
}

.live_list li {
  margin-top: 1.5rem;
}

.live_list li:last-child {
  margin-top: 1.75rem;
}

.classroom .look_more {
  margin-top: 1.4rem;
}

.live_list img {
  width: 6.95rem;
  height: 4.6rem;
  border-radius: .2rem;
}

.live_l {
  position: relative;
  float: left;
  margin-right: .6rem;
}

.link {
  position: absolute;
  top: 0;
  left: 0;
  height: 1.25rem;
  padding: 0 .375rem;
  line-height: 1.25rem;
  color: #fff;
  font-size: .6rem;
  background-color: rgba(0, 0, 0, .7);
  border-radius: .2rem 0 .2rem 0;
}

.live_r {
  float: left;
  width: 9.2rem;
  margin-top: .1rem;
}

.live_r p {
  margin-bottom: .4rem;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  line-height: 1.1rem;
}

.time {
  font-size: .7rem;
  color: #808080;
}

.price {
  float: left;
  margin-top: .4rem;
  color: #df3636;
  font-size: .7rem;
}

.price span {
  font-size: .9rem;
  font-weight: bold;
}

.btn {
  float: right;
  width: 3.8rem;
  height: 1.4rem;
  margin-top: .3rem;
  border-radius: 1rem;
  background-color: #df3636;
  color: #fff;
  line-height: 1.4rem;
  text-align: center;
  font-size: .7rem;
}

/*各类考试*/
.exam_type {
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: .85rem;
  margin-bottom: 1rem;
}

.exam_type .title {
  margin-bottom: 1rem;
}

.recommend {
  padding-bottom: .8rem;
}

.recommend a {
  float: left;
  width: 48.5%;
  text-align: center;
  font-size: .7rem;
}

.recommend a:nth-child(1) {
  float: left;
}

.recommend a:nth-child(2) {
  float: right;
}

.recommend a img {
  width: 100%;
  height: 5.375rem;
  margin-bottom: .8rem;
  border-radius: .3rem;
}

.exam_link a {
  float: left;
  width: 31.5466%;
  height: 1.85rem;
  margin-right: 2.68%;
  margin-bottom: .55rem;
  line-height: 1.85rem;
  background-color: #f3f3f3;
  text-align: center;
  border-radius: .3rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.exam_link a:nth-child(3n) {
  margin-right: 0;
}

/*分校地址*/
.region_address {
  margin-top: 1.1rem;
  margin-bottom: 1.5rem;
}

.region_address li {
  float: left;
  width: 3.875rem;
  height: 2.6rem;
  margin-right: .4rem;
  margin-bottom: .5rem;
  background-color: #fff;
  border-radius: .3rem;
  box-shadow: 2px 2px 15px rgba(137, 137, 137, 0.2);
  text-align: center;
}

.region_address li a {
  display: table-cell;
  width: 3.875rem;
  height: 2.6rem;
  vertical-align: middle;
  text-align: center;
  line-height: .95rem;
  font-size: .7rem;
}

.region_address li:nth-child(4n) {
  margin-right: 0;
}

/*分校下拉*/
.regionList {
  position: fixed;
  width: calc(100% - 2rem);
  height: 85%;
  top: -50rem;
  left: 0;
  padding: 0 1rem;
  background-color: #f2f2f2;
  z-index: 13;
  overflow: hidden;
}

.scrollHeight {
  position: relative;
  height: 100%;
  overflow: hidden;
}

.region_type {
  margin-top: 1.3rem;
  font-size: .8rem;
}

.regionList a {
  float: left;
  width: 23.134%;
  height: 1.8rem;
  margin-right: 2.488%;
  margin-bottom: .8rem;
  border-radius: .3rem;
  background-color: #fff;
  text-align: center;
  line-height: 1.8rem;
  font-size: .7rem;
}

.regionList a:nth-child(4n) {
  margin-right: 0;
}

.region_title {
  margin-bottom: 1.15rem;
  font-size: .8rem;
  font-weight: bold;
}

.other {
  margin-top: .95rem;
}

.scroll {
  padding-bottom: 2rem;
}

.iScrollIndicator {
  display: none !important;
}

/*新增*/
.layer, .shadow {
  display: none;
  position: fixed;
  top: 2.4rem;
  left: 50%;
  width: 100%;
  max-width: 720px;
  height: 100%;
  background-color: rgba(0, 0, 0, .4);
  z-index: 3;
  transform: translateX(-50%);
}

.type-list {
  display: none;
  position: fixed;
  top: 2.4rem;
  left: 50%;
  width: calc(100% - 2rem);
  max-width: calc(720px - 2rem);
  max-height: 12rem;
  padding: 1.2rem 1rem .2rem 1rem;
  z-index: 10;
  background-color: #f8f8f8;
  overflow: auto;
  transform: translateX(-50%);
  -webkit-overflow-scrolling: touch;
}

.type-list li {
  float: left;
  width: calc(30% - 2px);
  height: 1.5rem;
  border: 1px solid #d4d4d4;
  margin-bottom: .8rem;
  margin-right: 5%;
  text-align: center;
  font-size: .7rem;
  background-color: #fff;
  border-radius: .2rem;
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  box-pack: center;
  box-align: center;
}

.type-list li:nth-child(3n) {
  margin-right: 0;
}

/*下拉*/
.region-srcoll {
  display: none;
  position: fixed;
  top: 2.4rem;
  left: 0;
  width: calc(100% - 2rem);
  padding: 1rem 1rem .5rem 1rem;
  max-height: 15rem;
  background-color: #f2f2f2;
  z-index: 4;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.region-srcoll p {
  margin-bottom: 1rem;
  font-size: .8rem;
  font-weight: bold;
}

.region-srcoll p.active {
  margin-top: .5rem;
}

.region-srcoll li {
  float: left;
  width: 23.5%;
  height: 1.8rem;
  margin-bottom: .5rem;
  margin-right: 2%;
  line-height: 1.8rem;
  text-align: center;
  background-color: #fff;
  border-radius: .1rem;
  font-size: .7rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.region-srcoll li:nth-child(4n) {
  margin-right: 0;
}

/*4.20版本新增*/
.search_link {
  float: right;
  width: 1rem;
  height: 1rem;
  margin-top: .7rem;
  margin-right: .6rem;
  background-image: url(../images/seek.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.top .swiper-slide li span {
  display: inline-block;
  border: 1px solid #f3152a;
  padding: .1rem;
  margin-right: .5rem;
  border-radius: .1rem;
  font-size: .62rem;
  color: #f3152a;
}

.top .swiper-slide li:nth-child(2) .top_tag {
  border-color: #0d89e3;
  color: #0d89e3;
}

.top .swiper-slide li:nth-child(3) .top_tag {
  border-color: #00d6bc;
  color: #00d6bc;
}

.top .swiper-slide li:nth-child(4) .top_tag {
  border-color: #ff830f;
  color: #ff830f;
}

.top .look_more {
  display: table;
  margin-top: 1rem;
  overflow: auto;
}

.hot {
  margin-bottom: 2rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid #e9e9e9;
}

/*0527新增*/
.custom_border {
  border: 1px solid #e82b2a;
  padding-bottom: .75rem;
  margin-bottom: .75rem;
  border-radius: .32rem;
}

.custom_top {
  width: 100%;
  height: 3.85rem;
  margin-bottom: .72rem;
  background-image: url(../images/custom_top.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.custom_title {
  padding: .65rem 0 .4rem 0;
  font-size: 1rem;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.customNav .swiper-slide {
  margin-right: 1rem;
  font-size: .75rem;
}

.customMain li {
  border-color: #d7d7d7;
}

.customNav {
  width: 96%;
  margin: 0 auto;
}

.custom .oh {
  margin: 0 2%;
}

.customNav .swiper-slide a {
  color: #fff;
}

.customNav .swiper-slide.active a {
  font-weight: bold;
  color: #fff;
}

.customMain li {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.customMain li a {
  display: inline;
  font-size: .75rem;
  max-width: auto;
}

.customMain li span {
  display: inline-block;
  border: 1px solid #e82b2a;
  border-radius: .15rem;
  padding: .1rem .2rem;
  margin-right: .1rem;
  font-size: .6rem;
  color: #e82b2a;
}

.custom_wrap {
  width: 100%;
  overflow: hidden;
}

.custom_slide {
  display: none;
  margin-bottom: .75rem;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
}

.custom_slide.active {
  display: block;
}

.custom_slide a {
  display: inline-block;
  width: 6.5rem;
  height: 4.3rem;
  margin-right: .5rem;
  background-image: url(../images/custom01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border-radius: .25rem;
}

.custom_slide a:last-child {
  margin-right: 0;
}

.custom_slide a p {
  display: table-cell;
  height: 4.3rem;
  width: 6.5rem;
  vertical-align: middle;
  color: #fff;
  font-size: .9rem;
  font-weight: bold;
  white-space: normal;
  line-height: 1.2rem;
}

.custom_slide a p span {
  display: block;
  width: 3.75rem;
  margin: 0 auto;
}

.custom_line {
  width: 100%;
  height: .5rem;
  margin-bottom: 1.5rem;
  background-color: #f4f3f8;
}

.custom_slide a:nth-child(2n) {
  background-image: url(../images/custom02.png);
}

.custom_slide a:nth-child(3n) {
  background-image: url(../images/custom03.png);
}

.custom_slide::-webkit-scrollbar {
  display: none;
}

.swiper-wrapper {
  height: auto ;
}

.custom_slide.active {
  display: inline-block;
}

.customNav01{
  width: 96%;
  margin: 0 auto;
}
.customNav01 .swiper-slide {
  margin-right: 1rem;
  font-size: .75rem;
}

.customNav01 li {
  border-color: #d7d7d7;
}

.customNav01 .swiper-slide a{
  color: #fff;
}
.customNav01 .swiper-slide.active a {
  font-weight: bold;
  color: #fff;

}

.customMain01 li {
  border-color: #d7d7d7;
}
.customMain01 li {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.customMain01 li a {
  display: inline;
  font-size: .75rem;
  max-width: auto;
}


.customMain01 li span {
  display: inline-block;
  border: 1px solid #e82b2a;
  border-radius: .15rem;
  padding: .1rem .2rem;
  margin-right: .1rem;
  font-size: .6rem;
  color: #e82b2a;
}